<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>hello vue</title>
<style type="text/css">

</style>
</head>
<body>







<div id="app">
	
  
  
  <mycom3></mycom3>

</div>
  
<template id="tem1">
<div>
	<mt-button type="default">123</mt-button>
	
    <h3>这是template元素是在挂载实例外部的组件结构，这个方法有代码的智能提示和高亮</h3>
   <h2>使用时只需要给template加上id就行</h2>
</div>
</template>








<script src="vue.js"></script>
<script src="vue-router.js"></script>
<link rel="stylesheet" href="mui-style.css">
<script src="mui-index.js"></script>
<script type="text/javascript">

  

  Vue.component("mycom3",{
      template:'#tem1'
  })









var vm = new Vue({
  el:"#app",

  data:{

  },

  methods:{

  },


})



</script>

	
</body>
</html>